/* src/assets/main.css */

/* * --------------------------------
 * 新：Apple 浅色主题
 * --------------------------------
 */
 :root {
  /* 布局变量 (不变) */
  --sidebar-width: 280px;
  --sidebar-width-collapsed: 80px;

  /* * 新调色板
   */
  --bg-color: #f5f5f7;           /* Apple: 整体背景 (非常浅的灰色) */
  --sidebar-bg: #ffffff;         /* Apple: 侧边栏/卡片 (纯白) */
  --border-color: #d2d2d7;       /* Apple: 边框/分割线 (浅灰色) */
  --text-color: #1d1d1f;         /* Apple: 主文字 (近黑色) */
  --text-color-light: #6e6e73;   /* Apple: 次要文字 (深灰色) */
  --accent-color: #007aff;       /* Apple: 链接/高亮 (标志性蓝色) */
}
  
/* 重置样式 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
  
body,
html {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
  
  /* 应用新的背景和文字颜色 */
  background-color: var(--bg-color);
  color: var(--text-color);
  overflow-x: hidden;

  /* 浅色背景下的字体渲染优化 */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
  
#app {
  display: flex;
  height: 100vh;
}
  
/* 滚动条美化 (浅色模式) */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: transparent; /* 轨道透明 */
}
::-webkit-scrollbar-thumb {
  background: #cccccc; /* 滚动条灰色 */
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #b3b3b3;
}